<!--  -->
<template>
<div class='announcement-s'>
  <div class="systemnotice cards">
    <div style="border-bottom: 1px solid;">系统公告</div>
    <div style="text-align: left;">
      <h4>1.今天纪念日</h4>
      <h4>2.今天纪念日</h4>
      <h4>3.今天纪念日</h4>
      <h4>4.今天纪念日</h4>
    </div>
  </div>
</div>
</template>

<script lang='ts'>

import { defineComponent } from 'vue'

export default defineComponent({
  name: '',
  props: {
    msg: String
  },

  setup () {
    return {
    }
  }
})
</script>

<style scoped lang='scss'>
  .cards {
    box-shadow: 0px 1px 18px rgba(90, 90, 90,.2);
    border-radius: 5%;
    border: 1px solid rgba(90, 90, 90,.1);
    padding: 5px;
    color: #696969;
    margin-bottom: 30px;
  }
  .announcement-s{
    width: 300px;
    min-width: 300px;
    text-align: center;
    margin-right: 30px;
  }
</style>
